<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 简单数据
        // const a = 10;
        // a = 20;
        // console.log(a);

        // 复杂数据
        // const obj = {
        //     name : '张三',
        //     age : 18 ,
        //     hobby : '逍遥法外'
        // }
        // // 直接赋值不能更改
        // // obj = {name:'李四'}

        // // 通过追加属性可以修改
        // obj.name = '王五'
        // console.log(obj);

        // 冻结数据
        // 单层冻结数据
        let arr = [1, 2, 3, 4, {
            name: '张三',
            age : 18
        }]

        let arr1 = Object.freeze(arr);

        // 多层冻结函数
        function freezeData(obj){
            for (let key in obj){
                if (typeof obj[key] === 'object'){
                    freezeData(obj[key])
                }else{
                    Object.freeze(obj)
                }
            }
        }
        freezeData(arr);
        console.log(arr);
    </script>
</body>
</html>